<!--
 * @Author: Zhouxin 2201_75539691@noreply.gitcode.com
 * @Date: 2024-11-25 10:23:17
 * @LastEditors: Zhouxin 2201_75539691@noreply.gitcode.com
 * @LastEditTime: 2024-11-25 10:45:35
 * @FilePath: \2024.11 .24-day11-作用域\test2.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // function x(){
        //     x = 20;
        // }
        // var x;
        // console.log(x);
        // console.log(x);
        // x = 10;
        // console.log(x);
        // x();
        // console.log(x);

        // function x(){
        //     x = 20;
        // }

        // var x;
        // console.log(x);

        var x = 30;
        function fn() { // 函数 fn 的作用域
            var x; // 在 fn 作用域中重新声明了一个局部变量 x，覆盖了全局变量 x
            x = 10; // 给局部变量 x 赋值为 10

            function fn1() { // 嵌套函数 fn1 的作用域
                x = 20; // 修改 fn 作用域中的局部变量 x 的值为 20
            }

            console.log(x); // 输出 10
            fn1(); // 调用 fn1，修改局部变量 x 的值为 20
            console.log(x); // 输出 20
        }
        fn();
        console.log(x); // 输出 30
    </script>
</body>

</html>